<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <title th:text="${session.title}">123</title>
    <link th:replace="common/header" />
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}" />
    <script type="text/javascript" th:src="@{/js/layer/znx.js}"></script>
    <script type="text/javascript">
        var messageHeight;
        //dom元素加载完时间
        $(document).ready(function(){
            asynconresize();
            $('.tab-pane').slimScroll({//设置模块出现滚动条
                height: messageHeight
            });
        });
        //改变元素大小
        var asynconresize = function(){
            var iHeight = document.documentElement.clientHeight || document.body.clientHeight;
            messageHeight = (iHeight - 300) + 'px';
            $('.tab-pane').css('height', messageHeight);
        };
    </script>
</head>
<body class="navbar-fixed" style="overflow: hidden;">
<div th:replace="common/top"></div>
<div class="container-fluid main_bg" id="main-container">
    <a id="menu-toggler" href="#"><span></span></a>
    <div th:replace="common/menu"></div>
    <div id="main-content" class="clearfix">
        <div id="page-content" class="clearfix">
            <div th:replace="common/title"></div>
            <div class="row-fluid">
                <!--收件箱 HERE-->
                <div class="widget-box transparent span6">
                    <div class="table_border">
                        <div class="head_title">
                            <h3 class="lighter smaller"> <em class="icon-envelope-alt white"></em>收件箱 </h3>
                        </div>
                        <div class="widget-body">
                            <div id="comment-tab1" class="tab-pane" onresize="$('#comment-tab1').css('height', messageHeight);">
                                <div class="comments">
                                    <div class="itemdiv commentdiv" th:each="t: ${znxList}">
                                        <div class="user">
                                            <img alt="" th:src="@{t.logo ? '/images/logo2.png' : '/' + t.logo}" src=""/>
                                        </div>
                                        <div class="body">
                                            <div class="name">
                                                <a th:href="@{/foot/footZnx/view(id=${t.id})}" th:text="${t.senderName}">123</a>
                                            </div>
                                            <div class="time">
                                                <em class="icon-time"></em>
                                                <span class="green" th:text="${#dates.format(t.sendTime,'yyyy-MM-dd')}">20180404&nbsp;</span>
                                            </div>
                                            <div class="text">
                                                <em class="icon-quote-left"></em>
                                                <span th:text="${#strings.length(t.content) &gt; 48 ? #strings.substring(t.content ,0 ,48) + '…' : t.content}">123</span>
                                                <em class="icon-quote-right"></em>
                                            </div>
                                        </div>
                                        <div class="tools">
                                            <div class="inline position-relative">
                                                <button class="btn btn-minier bigger btn-yellow dropdown-toggle" data-toggle="dropdown"> <em class="icon-angle-down icon-only bigger-120"></em> </button>
                                                <ul class="dropdown-menu dropdown-icon-only dropdown-yellow pull-right dropdown-caret dropdown-close">
                                                    <li id="isreadli" th:if="${t.readed eq true}"><a th:onclick="'javascript:znxyd(' + ${t.id} + ');'" class="tooltip-success" data-rel="tooltip" title="标为已读" data-placement="left"> <span class="green"><em class="icon-ok"></em></span></a></li>
                                                    <li><a th:href="@{/deleteznx(id=${t.id})}" class="tooltip-error" data-rel="tooltip" title="删除" data-placement="left"> <span class="red"><em class="icon-trash"></em></span></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr hr8"></div>
                                <div class="center">
                                    <em class="icon-comments-alt icon-2x green"></em>&nbsp;
                                    <a th:href="@{/foot/footZnx/search}">查看所有消息 &nbsp;<em class="icon-arrow-right"></em></a>
                                </div>
                                <div class="hr hr-double hr8"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--收件箱 HERE-->
                <!--公告板 HERE-->
                <div class="widget-box transparent span6">
                    <div class="table_border">
                        <div class="head_title">
                            <h3 class="lighter smaller"> <em class="icon-comments-alt white"></em>公告板 </h3>
                        </div>
                        <div class="widget-body">
                            <div id="comment-tab2" class="tab-pane" onresize="$('#comment-tab2').css('height', messageHeight);">
                                <div class="comments">
                                    <div class="itemdiv commentdiv" th:each="t: ${lyList}">
                                        <div class="user">
                                            <img alt="" th:src="@{/images/logo2.png}" src="" />
                                        </div>
                                        <div class="body">
                                            <div class="name">
                                                <a th:href="@{/foot/footLy/view(id=${t.id})}">管理员</a>
                                            </div>
                                            <div class="time">
                                                <em class="icon-time"></em>
                                                <span class="green" th:text="${#dates.format(t.sendTime,'yyyy-MM-dd')}">20180404&nbsp;</span>
                                            </div>
                                            <div class="text">
                                                <em class="icon-quote-left"></em>
                                                <span th:text="${#strings.length(t.content) &gt; 48 ? #strings.substring(t.content ,0 ,48) + '…' : t.content}">123</span>
                                                <em class="icon-quote-right"></em>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr hr8"></div>
                                <div class="center">
                                    <em class="icon-comments-alt icon-2x green"></em>&nbsp;
                                    <a th:href="@{/foot/footLy/search}">查看所有消息 &nbsp;<em class="icon-arrow-right"></em></a>
                                </div>
                                <div class="hr hr-double hr8"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--公告板 HERE-->
            </div>
            <!--/#page-content-->
        </div>
    </div>
    <div th:replace="common/skin :: skin"></div>
</div>
<!--/#main-content-->
<!--/.fluid-container#main-container-->
<div th:replace="common/js"></div>
</body>
</html>